<!-- container -->
  <div class="container">
      <!-- guide -->

      <div class="wrap">
          <div class="help-s-title">新手购物教学</div>
          <div class="guid-shop">
              <ul class="clearfix">
                  {volist name="data" id="vo"}
                    <li {eq name="key" value="0"}class="current"{/eq}>
                        <div class="g-s-num">{$key+1}</div>
                        <span>{$vo.tag}</span>
                        <i></i>
                    </li>
                  {/volist}
              </ul>
          </div>
          <div class="guide-gary">
              {volist name="data" id="vo"}
                <div {eq name="key" value="0"} class="help-q-tab" {else /}class="help-q-tab hide"{/eq}>
                    <ul class="clearfix">
                        {volist name="vo['subdata']" id="v"}
                            <li><a href="{:url('cms/help/show',array('id'=>$v['id']))}">{$v.title}</a></li>
                        {/volist}
                    </ul>
                </div>
              {/volist}
              
          </div>
          <div class="guide-right">没有您要的问题帮助？去<a class="red" href="{:url('cms/help/question')}">常见问题</a> 里看看吧~</div>
      </div>

      <div class="help-question">
          <div class="wrap">
              <div class="help-s-title">图文指南</div>
              <div class="guide-ddd clearfix">
                  <dl class="current">
                      <dt><img src="/public/static/home/images/guide-icon1.png" /></dt>
                      <dd><b>免费注册篇</b></dd>
                  </dl>
                  <dl>
                      <dt><img src="/public/static/home/images/guide-icon2.png" /></dt>
                      <dd><b>搜索商品篇</b></dd>
                  </dl>
                  <dl>
                      <dt><img src="/public/static/home/images/guide-icon3.png" /></dt>
                      <dd><b>购买流程篇</b></dd>
                  </dl>
                  <dl>
                      <dt><img src="/public/static/home/images/guide-icon4.png" /></dt>
                      <dd><b>查询订单篇</b></dd>
                  </dl>
              </div>
              <div class="guide-tab">
                  <img src="/public/uploads/timages/guide-img1.jpg" />
              </div>
              <div class="guide-tab hide">搜索商品篇</div>
              <div class="guide-tab hide">购买流程篇</div>
              <div class="guide-tab hide">查询订单篇</div>
          </div>
      </div>

  </div>

  <!-- footer -->
  <!--#include file="includes/foot.html"-->


  <!-- notice -->
  <script type="text/javascript" src="/public/static/home/js/jquery.SuperSlide.2.1.1.js"></script>
  <script>
    //help notice
    jQuery(".picScroll-top").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "topLoop",
        autoPlay: true,
        vis: 1,
        interTime:6000,
        delayTime:700,
        trigger: "click"
    });
    $(function(){
      //help question tab
      $(".guid-shop ul li").mouseenter(function(){
         $(this).addClass("current").siblings().removeClass("current")
         $(".help-q-tab").hide().eq($(".guid-shop ul li").index(this)).show()
      })

      $(".guide-ddd dl").mouseenter(function(){
         $(this).addClass("current").siblings().removeClass("current");
         $(".guide-tab").hide().eq($(".guide-ddd dl").index(this)).show();
      })
    })
  </script>